/* 
vue 和小程序 写业务 一定思维 数据驱动视图 
 */
Page({
  data: {
    // 选中的水果名称
    name: "",
    // 水果列表
    list: ["苹果", "西瓜", "香蕉", "龙眼", "雪梨", "榴莲"],
    // 当前选择的索引 
    activeIndex: -1
  },
  // 点击事件
  handleTap(e) {
    // 获取被点击的元素的索引
    console.log(e.target.dataset.index);

    this.setData({
      name: this.data.list[e.target.dataset.index],
      activeIndex: e.target.dataset.index
    })
  }
})